
import 'package:first/components/ax_container.dart';
import 'package:flutter/material.dart';

class LoginPage extends StatelessWidget {

  Widget _cloumn (){
   // Expanded 在 Column 和 Row 中代表着平均充满的作用，当有两个存在的时候默认均分充满。同时页可以设置 flex 属性决定比例。
    return  Column(
      ///主轴居中,即是竖直向居中
      mainAxisAlignment: MainAxisAlignment.start,
      ///大小按照最小显示
      mainAxisSize: MainAxisSize.min,
      ///横向也居中
      crossAxisAlignment: CrossAxisAlignment.center,
      children: <Widget>[
        Text("1111"),
        Text("2222"),
         AXContainer(),
    ],
    );
  }

  ///返回一个居中带图标和文本的Item
  _getBottomItem(IconData icon, String text) {
    ///充满 Row 横向的布局
    return new Expanded(
      flex: 1,
      ///居中显示
      child: new Center(
        ///横向布局
        child: new Row(
          ///主轴居中,即是横向居中
          mainAxisAlignment: MainAxisAlignment.center,
          ///大小按照最大充满
          mainAxisSize : MainAxisSize.max,
          ///竖向也居中
          crossAxisAlignment : CrossAxisAlignment.center,
          children: <Widget>[
            ///一个图标，大小16.0，灰色
            new Icon(
              icon,
              size: 16.0,
              color: Colors.grey,
            ),
            ///间隔
            new Padding(padding: new EdgeInsets.only(left:5.0)),
            ///显示文本
            new Text(
              text,
              //设置字体样式：颜色灰色，字体大小14.0
              style: new TextStyle(color: Colors.grey, fontSize: 14.0),
              //超过的省略为...显示
              overflow: TextOverflow.ellipsis,
              //最长一行
              maxLines: 1,
            ),
          ],
        ),
      ),
    );
  }

//  @override
//  Widget build(BuildContext context) {
//    return new Container(
//      ///卡片包装
//      child: new Card(
//        ///增加点击效果
//          child: new FlatButton(
//              onPressed: (){print("点击了哦");},
//              child: new Padding(
//                padding: new EdgeInsets.only(left: 0.0, top: 10.0, right: 10.0, bottom: 10.0),
//                child: new Column(
//                  mainAxisSize: MainAxisSize.min,
//                  children: <Widget>[
//                    ///文本描述
//                    new Container(
//                        child: new Text(
//                          "这是一点描述",
//                          style: TextStyle(
//                            color: Colors.black12,
//                            fontSize: 14.0,
//                          ),
//                          ///最长三行，超过 ... 显示
//                          maxLines: 3,
//                          overflow: TextOverflow.ellipsis,
//                        ),
//                        margin: new EdgeInsets.only(top: 6.0, bottom: 2.0),
//                        alignment: Alignment.topLeft),
//                    new Padding(padding: EdgeInsets.all(10.0)),
//
//                    ///三个平均分配的横向图标文字
//                    new Row(
//                      crossAxisAlignment: CrossAxisAlignment.start,
//                      children: <Widget>[
//                        _getBottomItem(Icons.star, "1000"),
//                        _getBottomItem(Icons.link, "1000"),
//                        _getBottomItem(Icons.subject, "1000"),
//                      ],
//                    ),
//                  ],
//                ),
//              ))),
//    );
//  }




  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('练习页'),
      ),
      body: Stack(
        children: <Widget>[
          _cloumn(),
        ],
      ),
      floatingActionButton: FloatingActionButton(
        child: Icon(Icons.exit_to_app),
        onPressed: () {
          var username = 'ax';
          Navigator.pushReplacementNamed(context, 'home/$username');
        },
      ),
    );
  }
}
